<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>学生系统管理</title>
<c:import url="/WEB-INF/jsp/head.jsp" />
<link rel="stylesheet" href="static/css/tabs.css">
<script type="text/javascript" src="static/js/tabs.js"></script>
<script type="text/javascript" src="static/js/index.js"></script>
<style type="text/css">
div[loaded].loading {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -3.2rem;
	margin-left: -3.2rem;
	opacity: 1;
}
</style>
</head>
<body class="default-theme bg-gray" style="display: none;">
	<header class="nav-info container-fluid">
		<div id="info" class="col-md-12">
			<div class="right">
				<span>欢迎您, ${current.name } 老师 |</span> <span> <a
					href="system/exit">退出</a>
				</span>
			</div>
		</div>
	</header>
	<div id="index" class="container-fluid">
		<div id="menu" class="panel-group col-md-2" role="tablist"
			aria-multiselectable="true">
			<c:forEach items="${menus }" var="menu">
				<div class="panel panel-default">
					<div class="panel-heading" role="tab" id="head-${menu.id }">
						<h4 class="panel-title">
							<div data-toggle="collapse" data-parent="#menu"
								href="#${menu.id }" aria-expanded="false"
								aria-controls="${menu.id }">${menu.name }</div>
						</h4>
					</div>
					<div id="${menu.id }" class="panel-collapse collapse"
						role="tabpanel" aria-labelledby="head-${menu.id }">
						<div class="panel-body">
							<c:forEach items="${menu.subMenus }" var="subMenu">
								<a href="${subMenu.url }" role="button" target="frame"
									class="panel-item">${subMenu.name }</a>
							</c:forEach>
						</div>
					</div>
				</div>
			</c:forEach>
		</div>
		<div id="content" class="col-md-10">
			<!-- Nav tabs -->
			<ul class="nav nav-tabs" role="tablist">
				<li role="presentation" class="active"><a href="#home"
					aria-controls="home" role="tab" data-toggle="tab"> 首页 </a></li>
			</ul>
			<div class="tab-content">
				<div role="tabpanel" class="tab-pane active" id="home">
					<iframe name="frame" src="index/welcome"></iframe>
				</div>
			</div>
			<div loaded class="loading">
				<img src="static/img/preloader-w8-cycle-black.gif" />
			</div>
			<script>
				$(function () {
					$("div[loaded].loading").animate({
						opacity: 0
					}, 500, function () {
						$(this).removeAttr("style");
						$(this).hide();
					});
				});
			</script>
		</div>
	</div>
</body>
</html>